<!DOCTYPE html>

<html>
	
<head>
    
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Title -->
<title>Bookish Fellow</title>

<!-- Stylesheets -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/flexslider.css">
<link href="css/jquery.selectBoxIt.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
    
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<link href="css/ie.css" rel="stylesheet">
<![endif]-->

</head>

<body>
	<!-- container -->
	<div class="container"> 
    	<!-- header -->
    	<header id="header">
        	<div class="row">
            	<div class="col-lg-4 col-md-4 col-sm-4">
                	<img id="logo" src="img/logo.png" alt="xxx">
                </div>
                
                <div class="col-lg-8 col-md-8 col-sm-8">
                	<ul id="upper-nav">
                    	<li class="light-blue"><a href="#">Registration</a></li>
                        <li class="red"><a href="#" class="red">Log In</a></li>
                    </ul>
                    <ul id="main-nav">
                    	<li><a href="#">Home</a></li>
                        <li><a href="#">Ebooks</a></li>
                    	<li><a href="#">Price packages</a></li>
                        <li><a href="#">Faq</a></li>
                    </ul>
                </div>
            </div>
        </header>
       	<!-- /header --> 
        
        <!-- main-container -->
       <div class="main-container">
       		<!-- prva sekcija -->
       		<section class="section">
            	<div class="row">
                	<div class="col-lg-12 col-md-12 col-sm-12">
                    	<ul class="img-list">
                            <li><img src="img/google.png"></li>
                            <li><img src="img/apple.png"></li>
                            <li><img src="img/kobo.png"></li>
                            <li><img src="img/samsung.png"></li>
                            <li><img src="img/amazon.png"></li>
                        </ul>
                        <p>We collaborate with the major online bookstores in order to offer the global distribution of your eBook 
and reach the largest possible number of readers. Our network includes more than <span class="red">200</span> countries and we are constantly 
working on finding new partners which would enable us to be even more effective in discovering new markets for our authors.</p>
                    </div>
                </div>
            </section>
            <!-- \prva sekcija -->
            
       		<!-- druga sekcija -->
       		<section class="section blue">
            	<img class="upper-left-img" src="img/book.png" alt="xxx">
                <!-- flexslider -->
                <div class="flexslider heading-slider">
					<ul class="slides">
						<li>
							<h2>You can select where you want your <span class="red">eBook</span> to be available</h2>
						</li>
						<li>
							<h2>You can select where you want your <span class="red">eBook</span> to be available</h2>
						</li>
						<li>
							<h2>You can select where you want your <span class="red">eBook</span> to be available</h2>
						</li>
					</ul>
                </div>
                <!-- /flexslider -->
                <p>Select the stores and territories where you want your eBook to be available.
If you’ve already opted for the Kindle Direct Publishing program, 
you can choose the date when you want your eBook to available through 
other sales channels.</p>
            </section>
            <!-- \druga sekcija -->

       		<!-- treca sekcija -->
       		<section class="section blue">
                <!-- flexslider -->
                <div class="flexslider heading-slider">
					<ul class="slides">
						<li>
							<h2>We are planning to launch our <span class="red">Booksihfellow</span> app soon.</h2>
						</li>
						<li>
							<h2>We are planning to launch our <span class="red">Booksihfellow</span> app soon.</h2>
						</li>
						<li>
							<h2>We are planning to launch our <span class="red">Booksihfellow</span> app soon.</h2>
						</li>
					</ul>
                </div>
                <!-- /flexslider -->
            	<p>We are planning to launch our Booksihfellow app soon. 
If you prefer to sell your eBook without DRM, this would be a perfect option 
for you since main distributors prefer to use this type of copyright protection. 
Without it your readers will be able to share your eBookand it won’t be locked 
to only one reading device.</p>
            </section>
            <!-- \treca sekcija -->
            
            <!-- cetvrta sekcija -->
              <section class="section">
                <ul class="img-list">
                    <li><img src="img/icon1.png" alt="xxx"></li>
                    <li><img src="img/icon2.png" alt="xxx"></li>
                    <li><img src="img/icon3.png" alt="xxx"></li>
                    <li><img src="img/icon4.png" alt="xxx"></li>
                    <li><img src="img/icon5.png" alt="xxx"></li>
                    <li><img src="img/icon6.png" alt="xxx"></li>
                </ul>
                <p class="big">Track the sales through the paying dashboard where you can find all information 
related to the sales of your titles and money you’ve earned. 
And don’t forget, you will always receive 100% of the net sales. 
You don’t need to share the profit with us!</p>
				<a class="button big" href="#">SIGN UP AND GET PUBLISHED NOW</a>
            </section>
            <!-- \cetvrta sekcija -->
       </div>
       <!-- \main-container -->
       
       <!-- footer -->
       <footer id="footer">
       	 <a href="#" id="back-to-top"></a>
       	  <div class="row">
       		<div class="col-lg-6 col-md-6 col-sm-6">
            <h4>Bookishfellow</h4>
            <ul class="menu">
            	<li><a href="#">eBooks</a></li>
                <li><a href="#">Add New Title</a></li>
                <li><a href="#">Price Packages</a></li>
                <li><a href="#">Distribution</a></li>
                <li><a href="#">Publishing Agreement</a></li>
                <li><a href="#">FAQ</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">About Us</a></li>
            </ul>
            </div>
            
       		<div class="col-lg-6 col-md-6 col-sm-6">
            <h4>Services</h4>
            <ul class="footer-menu">
            	<li><a href="#">eBook Cover Design</a></li>
                <li><a href="#">Author Website</a></li>
                <li><a href="#">Digital Marketing</a></li>
            </ul>
            </div>
            
            <div class="col-lg-12 col-md-12 col-sm-12">
            	<p id="copyright">Copyright © 2014, Darko Mitrovic, All rights reserved</p>
            </div>
         </div>
       </footer>
       <!-- \footer -->
    </div>
	<!-- /container -->
<!-- JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery-ui-1.10.4.custom.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/jquery.selectBoxIt.min.js"></script>
<script src="js/script.js"></script>
</body>

</html>